﻿<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
    <!--<![endif]-->
    <!-- BEGIN HEAD -->

    <head>
        <meta charset="utf-8" />
        <title>SuperMgr前端框架</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <!--全局通用框架样式 begin-->
        <!-- 全局基本样式 -->
        <link href="../content/superui/min/css/superui.common.min.css" rel="stylesheet" />
        <!-- 全局主题样式 -->
        <link href="../content/superui/global/css/components.min.css" id="style_components" rel="stylesheet" />
        <link href="../content/superui/pages/layouts/css/themes/darkblue.min.css" rel="stylesheet" type="text/css" id="style_color" />
        <link href="../content/plugins/jstree/dist/themes/default/style.min.css" rel="stylesheet" />
        <!--全局通用框架样式 end-->
     </head>

    <body>
        <div class="page-container">
            <div class="page-content">
                <div class="row">
                    <div class="col-md-8">
                        <div>
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-social-dribbble font-blue-sharp"></i>
                                        <span class="caption-subject font-blue-sharp bold uppercase">常用</span>
                                    </div>
                                    <div class="actions">
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-cloud-upload"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-wrench"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-trash"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h3>毕业生如何在3年赚到100万？</h3>
                                            <p class="lead"> 20岁赚到第一个100万、钢琴大提琴双十级。 </p>
                                            <p> 现在回答这个问题的时候，我20岁，自己赚到了第一桶金——100万。（这100万是只算倒卖二手奢侈品的利润。我个人还在同时做着很多事情，包括 NiSS 与日本某展销会平台中国大陆地区销售顾问等） 当然，绝不仅仅是赚了100多万而已。 </p>
                                            <p>我从不认为赚钱是一个人的全部，人生应该有更高更全面的追求。所以在20岁的时候，不仅赚了钱，同时还达成了下面的一些成就：钢琴、大提琴双十级，精通中文韩文英文，就读于985、211院校，游历过数十个国家... </p>
                                        </div>
                                        <div class="col-md-6">
                                            <h3>接手了一家经营不善的蛋糕店，如何扭转局面？</h3>
                                            <p>1.换个门头。取个好名字，加个电子显示屏。 2.每天上午烤戚风蛋糕，让清香的气味做你广告。 3.点心要有包装袋，方便逛街的拿。 4.把冷藏柜的下面摆上做的5寸卡通蛋糕，推推乐，布丁，要小孩能看到的高度。 </p>
                                            <p> 8.积分卡有机器的最好，没有准备个本子，记下小孩的名字，大人的电话。一元一分，360分送个 8寸的蛋糕之类的。大人的电话在有时间的时候加一下微信，微信每天可以发新作的面包之类的东西，生日提前发个祝福。 9.面包之类的要买2送1，第二天的就特价，如果可以在外面摆的话，在下班的时间在外面现烤蛋卷，炸蜜三刀的中式点心。 10.慕斯，提拉米苏 的小杯装的一定要有，可以和生日蛋糕一样积分，单价不要定低了，能吃慕斯，提拉米苏的不会在意价格的，要做好吃就行了。
                                                </p>
                                            <p> 5.颜色要暖色系，灯光要黄色的，营业的时候就要开灯。 6.散装的食品称的时候，要少量一点一点的往上加，不要加多了往下拿。 7.把生日蛋糕的价格区分开，例如，8寸的水果蛋糕要不同款式的价格不一样，把中档价格的模型摆在上面，高档的摆在下面。把你做的价格高的蛋糕用手机拍照，给客户介绍的时候用的到。 </p>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h3>Bootstrap文字状态</h3>
                                            <p class="muted">SuperUI第一版发布啦！</p>
                                            <p class="text-warning">SuperUI第二版发布啦！ </p>
                                            <p class="text-error"> SuperUI第三版发布啦！ </p>
                                            <p class="text-info">SuperUI第四版发布啦！ </p>
                                            <p class="text-success">SuperUI第五版发布啦！ </p>
                                            <h3>自定义文字颜色</h3>
                                            <p class="font-green-sharp"> SuperUI第一版发布啦！ </p>
                                            <p class="font-red-mint"> SuperUI第三版发布啦！ </p>
                                            <p class="font-blue-madison">SuperUI第四版发布啦！ </p>
                                            <p class="font-purple-sharp"> SuperUI第五版发布啦！</p>
                                        </div>
                                        <div class="col-md-6">
                                            <h3>头部</h3>
                                            <h1>h1. 头部 1</h1>
                                            <h2>h2. 头部 2</h2>
                                            <h3>h3. 头部 3</h3>
                                            <h4>h4. 头部 4</h4>
                                            <h5>h5. 头部 5</h5>
                                            <h6>h6. 头部 6</h6>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <h3>地址</h3>
                                            <div class="well">
                                                <address>
                                                    <strong>中海联.</strong>
                                                    <br/> 奥体中心
                                                    <br/> 广东省广州市白云区
                                                    <br/>
                                                    <abbr title="Phone">P:</abbr> (234) 110-110 </address>
                                                <address>
                                                    <strong>王建</strong>
                                                    <br/>
                                                    <a href="mailto:#"> first.last@email.com </a>
                                                </address>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <h3>为什么有些长辈反感电子游戏？</h3>
                                            <p> 10岁女孩玩耍时用一把电锯把5岁妹妹的脸给锯了，人们不去问为何小孩能接触到电锯，而是认为事故原因是小女孩看《熊出没》模仿里面的光头强，都TM赖无良动画片净播些不该看的东西。</p>
                                            <p class="uppercase"> 10岁男孩把邻居家7岁和4岁的两个孩子绑在树上点火烤，导致两人烧伤，人们不去问为何10岁了还不懂用火烤人有多危险，而是认为这都是模仿《喜羊羊与灰太狼》里烤羊的过程，制作方还被告上法庭，被法庭判决赔偿将近4万块。 </p>
                                            <p class="bold"> 同样，有12岁网瘾少年为打游戏几天不回家的，有13岁网瘾少年为打游戏偷钱充值的，有15岁网瘾少年为打游戏拦路勒索打架的……人们认为孩子是无辜的，家长是无奈的，都TM是游戏的锅，都TM赖游戏，是游戏毁了孩子的前途和青春。 </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- END GENERAL PORTLET-->
                        <div>
                            <!-- BEGIN BLOCKQUOTES PORTLET-->
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-social-dribbble font-green"></i>
                                        <span class="caption-subject font-green bold uppercase">文字块</span>
                                    </div>
                                    <div class="actions">
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-cloud-upload"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-wrench"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-trash"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <h3></h3>
                                    <blockquote>
                                        <p> 绝大多数公司从短期内高估技术，从长期内低估技术。 </p>
                                    </blockquote>
                                    <blockquote>
                                        <p> 生命在于编程。 </p>
                                        <small>虎哥
                                            <cite title="Source Title">扯淡集</cite>
                                        </small>
                                    </blockquote>
                                    <div class="clearfix">
                                        <blockquote class="pull-right">
                                            <p> 永远不要高估自己~！ </p>
                                            <small>豹哥
                                                <cite title="Source Title">语录</cite>
                                            </small>
                                        </blockquote>
                                    </div>
                                </div>
                            </div>
                            <!-- END BLOCKQUOTES PORTLET-->
                        </div>
                        <!-- BEGIN WELLS PORTLET-->
                        <div>
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-social-dribbble font-red"></i>
                                        <span class="caption-subject font-red bold uppercase">文字排版效果</span>
                                    </div>
                                    <div class="actions">
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-cloud-upload"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-wrench"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-trash"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <p class="text-left">文字左对齐 </p>
                                    <p class="text-center"> 居中 </p>
                                    <p class="text-right"> 右对齐 </p>
                                </div>
                            </div>
                        </div>
                        <!-- END WELLS PORTLET-->
                        <!-- BEGIN WELLS PORTLET-->
                        <div>
                            <div class="portlet light bordered">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="icon-social-dribbble font-purple"></i>
                                        <span class="caption-subject font-purple bold uppercase">文字排版效果</span>
                                    </div>
                                    <div class="actions">
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-cloud-upload"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-wrench"></i>
                                        </a>
                                        <a class="btn btn-circle btn-icon-only btn-default" href="javascript:;">
                                            <i class="icon-trash"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div class="well">
                                        <h4>Default well</h4> SuperUI第一版发布啦！</div>
                                    <div class="well well-large">
                                        <h4>Large Well</h4> SuperUI第一版发布啦！ </div>
                                </div>
                            </div>
                        </div>
                        <!-- END WELLS PORTLET-->
                    </div>
                    <div class="col-md-4">
                        <!-- BEGIN UNORDERED LISTS PORTLET-->
                        <div class="portlet box red">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>无序列表 </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <ul>
                                    <li> 第一章：如何勾搭妹纸。 </li>
                                    <li> 第二章：第一次见面说什么？</li>
                                    <li> 第三章：跟妹纸如何搭讪？ </li>
                                    <li> 第四章：如何向妹纸要电话？ </li>
                                    <li>第五章：约妹纸的N种方式。
                                        <ul>
                                            <li> 网络</li>
                                            <li> 电话 </li>
                                            <li> 其他 </li>
                                        </ul>
                                    </li>
                                    <li> 第六章：以上内容纯属扯淡。</li>
                                </ul>
                            </div>
                        </div>
                        <!-- END UNORDERED LISTS PORTLET-->
                        <!-- BEGIN ORDERED LISTS PORTLET-->
                        <div class="portlet box blue">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>排序列表</div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <ol>
                                    <li> 如何勾搭妹纸。 </li>
                                    <li> 第一次见面说什么？</li>
                                    <li> 跟妹纸如何搭讪？ </li>
                                    <li> 如何向妹纸要电话？ </li>
                                    <li> 约妹纸的N种方式</li>
                                    <li>以上内容纯属扯淡</li>
                                </ol>
                            </div>
                        </div>
                        <!-- END ORDERED LISTS PORTLET-->
                        <!-- BEGIN UNSTYLED LISTS PORTLET-->
                        <div class="portlet box yellow">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>无序列表</div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <ul class="list-unstyled">
                                    <li> 第一章：如何勾搭妹纸。 </li>
                                    <li> 第二章：第一次见面说什么？</li>
                                    <li> 第三章：跟妹纸如何搭讪？ </li>
                                    <li> 第四章：如何向妹纸要电话？ </li>
                                    <li> 第五章：约妹纸的N种方式。
                                        <ul>
                                            <li> 网络</li>
                                            <li> 电话 </li>
                                            <li> 其他 </li>
                                        </ul>
                                    </li>
                                    <li> 第六章：以上内容纯属扯淡。</li>
                                </ul>
                            </div>
                        </div>
                        <!-- END UNSTYLED LISTS PORTLET-->
                        <!-- BEGIN UNSTYLED LISTS PORTLET-->
                        <div class="portlet box red">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>行内列表</div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <ul class="list-inline">
                                    <li> 网络</li>
                                    <li> 电话 </li>
                                    <li> 其他 </li>
                                </ul>
                            </div>
                        </div>
                        <div class="portlet box purple">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>带备注的列表 </div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <dl>
                                    <dt>备注列表</dt>
                                    <dd>SuperUI发布啦！</dd>
                                    <dt>SuperUI要发布！</dt>
                                    <dd>SuperUI要发布！SuperUI要发布！SuperUI要发布！SuperUI要发布！</dd>
                                    <dd>SuperUI要发布！SuperUI要发布！SuperUI要发布！SuperUI要发布！SuperUI要发布！SuperUI要发布！</dd>
                                    <dt>SuperUI要发布！SuperUI要发布！</dt>
                                    <dd>SuperUI要发布！SuperUI要发布！SuperUI要发布！</dd>
                                </dl>
                            </div>
                        </div>
                        <div class="portlet box blue">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="fa fa-gift"></i>文字状态</div>
                                <div class="tools">
                                    <a href="javascript:;" class="collapse"> </a>
                                </div>
                            </div>
                            <div class="portlet-body">
                                <p class="text-muted"> Muted 文字 </p>
                                <p class="text-primary"> Primary 文字 </p>
                                <p class="text-success"> Success文字 </p>
                                <p class="text-info"> Info文字</p>
                                <p class="text-warning"> Warning 文字</p>
                                <p class="text-danger"> Danger 文字 </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END CONTENT BODY -->
        </div>
        <!--[if lt IE 9]>
    <script src="../content/superui/base/base-core/excanvas.min.js"></script>
    <script src="../content/superui/base/base-core/respond.min.js"></script>
    <![endif]-->
        <!-- 全局公共类库Begin -->
        <script src="../content/superui/min/js/superui.common.min.js"></script>
    </body>

</html>